<template>
    <section>
        <p>52 vuerify 项目组 item group</p>
    <v-item-group mandatory>
      <v-container>
        <v-row>
          <v-col
            v-for="n in 3"
            :key="n"
            cols="12"
            md="4"
          >
            <v-item v-slot="{ isSelected, toggle }">
              <v-card
                :color="isSelected ? 'primary' : ''"
                class="d-flex align-center"
                height="200"
                dark
                @click="toggle"
              >
                <v-scroll-y-transition>
                  <div
                    class="text-h3 flex-grow-1 text-center"
                  >
                    {{ isSelected ? 'Selected' : 'Click Me!' }}
                  </div>
                </v-scroll-y-transition>
              </v-card>
            </v-item>
          </v-col>
        </v-row>
      </v-container>
    </v-item-group>
</section>
  </template>
  <script></script>